/* CSS Document */
body {height:100%; background:#bdbdbd; font:13px 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; color:#333;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
table {border-collapse:collapse;}
img {border:none;}

a, a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
input, textarea, input:focus, textarea:focus {outline:none;}
input,select,textarea{ font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;vertical-align:middle}

/*---------------------a-------------------------------*/
.link_blue{ cursor:pointer;color: #0198aa;}
.link_blue:hover{ text-decoration:none;color: #000; }
.link_gray{ cursor:pointer; color:#a4a3a3;}
.link_gray:hover{ text-decoration:none;}

/*------------------------------btn--------------------------------*/
.btn_blu_l{ padding:0 40px; font-size:15px; background-color:#0198aa; color:#fff; line-height:38px; display: inline-block; cursor:pointer; font-weight:bold;}
.btn_gray_l{ padding:0 40px; font-size:15px; background-color:#d8d8d8; color:#0198aa; line-height:36px; display: inline-block; cursor:pointer; font-weight:bold; border:1px solid #0198aa;}
.btn_blu_m{ padding:0 20px; font-size:13px; background-color:#970345; color:#fff; line-height:28px; display: inline-block; cursor:pointer; font-weight:bold;}
.btn_gray_m{ padding:0 20px; font-size:13px; background-color:#d8d8d8; color:#970345; line-height:26px; display: inline-block; cursor:pointer; font-weight:bold; border:1px solid #970345;}
.btn_blu_m2{ padding:0 20px; font-size:13px; background-color:#0198aa; color:#fff; line-height:28px; display: inline-block; cursor:pointer; font-weight:bold;}
.btn_gray_m2{ padding:0 20px; font-size:13px; background-color:#d8d8d8; color:#0198aa; line-height:26px; display: inline-block; cursor:pointer; font-weight:bold; border:1px solid #0198aa;}
/*---------------------header-------------------------------*/
.headerwraper{ background: url(../images/headerbg.png) center top repeat-x; width:100%; margin:0 auto; min-height:92px; min-width: 1280px; position: relative;}
.header { height:80px; margin:0 auto; width:1220px; padding:0 30px;}
.header .header_l{ float:left;}
.header .header_r{ float:right;}
.header .header_l .logo{ background:url(../images/logo.jpg) no-repeat; width:159px; height:80px; cursor:pointer; float:left; margin-top:4px; margin-left: 10px;}
.header .toplogin{ font-size:15px; color:#333; margin-top:33px; font-weight:bold; width:180px; text-align:right; float:right; margin-right: 10px;}
.header .toplogin .line_v{ font-weight: normal; padding:0 8px; color:#333; font-size:15px;}

.header .dropdown{position: relative; display: inline-block;}
.header .dropdown .dropbtn{width: 80px; cursor: pointer;height: 30px;display: block;position:absolute;right:-5px;}
.header .toplogin span{float: left;}
.header .toplogin .fas-user{background:#fff url(../images/icon.png) -92px -54px no-repeat;width: 20px;height: 30px;display: block;float: left;}
.header .toplogin .layui-moreogin{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#000 transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:24%;margin-top:0px;border-width:6px;border-top-color:rgba(0,0,0,0.70);}

.dropdown-content{display: none;position:absolute;background-color:#f9f9f9;min-width:120px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 999;right: -40px;top: 32px;}
.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;text-align: left;font-size: 12px;font-weight: normal;}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block;}
.dropdown:hover .dropbtn{}
.dropdown-content .fas-cog{background:url(../images/icon.png) -24px -180px no-repeat;width: 20px;height: 30px;display: block;float: left; }
.dropdown-content .fas-min{background:url(../images/icon.png) -48px -180px no-repeat;width: 20px;height: 30px;display: block;float: left; }
.dropdown-content .fas-out{background:url(../images/icon.png) -69px -180px no-repeat;width: 20px;height: 30px;display: block;float: left; }



/*-------------------------topmenu-----------------------------*/
.topmenu{ float:right;}
.topmenu .onemenu{ height:80px; float:left; margin-left:30px;}
.topmenu .onemenu a{ color: #0198aa; font-size:15px; font-weight:bold; line-height:80px; cursor:pointer; display:inline-block; border-top:4px solid #970345;}
.topmenu .onemenu span{ color: #333; font-size:15px; font-weight:bold; line-height:80px; display:inline-block; border-top:4px solid #970345;}
.topmenu .onemenu a:hover { color:#0198aa; border-top:4px solid #fcd0cf;}
.topmenu .onemenu a:active { color:#333; border-top:4px solid #fcd0cf;}
/*-------------------------container-----------------------------*/
.containerwraper{width:100%; clear:both;}
.container{ margin:0 auto; width:1280px; background:#fff; padding-bottom:60px; margin-top:-7px;}

/*-------------------------secmenu-----------------------------*/
.secmenu{ width:100%; display:block; clear:both;border-bottom:1px solid #d3d3d3; height:40px;position:relative; z-index:101; background:#eee;
	-moz-box-shadow:0px 2px 6px #444444; -webkit-box-shadow:0px 2px 6px #444444; box-shadow:0px 2px 6px #444444;}
.secmenu.btnline{}
.secmenu .onemenu{ float:left;}
.secmenu .onemenu > a{ font-size:16px; font-weight:bold; cursor: pointer; display:inline-block; border-right:1px solid #d3d3d3; height:30px; position:relative; color:#333;}
.secmenu .onemenu a b{ position:absolute; width:8px; height:8px; left:50%; margin-left:-4px; background: url(../images/arr_down.png) no-repeat; top:28px;}
.secmenu .onemenu a.actived{ border-bottom:1px solid #fff;} 


.secmenu.back .onemenu a{ font-size:16px;}
.secmenu .onemenu.course > a{ width:auto; height:30px; padding-top:10px; padding-left:40px; padding-right:40px; border-bottom:1px solid #d3d3d3; background-color:#b40404; color:#fff; min-width:112px; text-align:center;}
.secmenu .onemenu.course > a:after{ display:none;}
.secmenu .onemenu.course > a:hover,
.secmenu .onemenu.course > a.actived
{ background-color:#b40404; color:#fff;}

.secmenu .onemenu.main > a{ font-size:14px; padding-top:10px; height:30px; padding-left:40px;padding-right:40px; border-bottom:1px solid #d3d3d3; }
/*.secmenu.mooc .onemenu.home a{ font-size:16px; height:40px !important; padding-left:40px;padding-right:40px; border-bottom:1px solid #d3d3d3; line-height:40px;}*/

.secmenu .onemenu > a:hover{color:#b40404;}
.secmenu .onemenu > a.actived{ color:#b40404;}
.secmenu .onemenu.main a.actived{ color:#333333;}
/*.secmenu.mooc .onemenu a{ border-bottom:1px solid #d3d3d3; height:35px; padding-top:5px}
*/
.secmenu .onemenu a.actived{ border-bottom:1px solid #fff;}
/*.secmenu.mooc .onemenu:last-child > a{ border-right:0}
.secmenu.mooc .onemenu.lth a{ line-height:30px;}*/
.secmenu .onemenu.main2 > a{ font-size:14px; padding-top:10px; height:30px; padding-left:40px;padding-right:40px; border-bottom:1px solid #d3d3d3; }
.secmenu .onemenu.main2 > a:hover{ font-size:14px; padding-top:10px; height:30px; padding-left:40px;padding-right:40px; border-bottom:1px solid #d3d3d3; color: #b40404; }

/*.secmenu.mooc .onemenu.pd1 a{ padding-left:18px;padding-right:18px;}
.secmenu.mooc .onemenu.pd2 a{ padding-left:21px;padding-right:21px;}
.secmenu.mooc .onemenu.pd3 a{ padding-left:13.5px;padding-right:13.5px;}
.secmenu.mooc .onemenu.pd4 a{ padding-left:18px;padding-right:18px;}
.secmenu.mooc .onemenu.pd5 a{ padding-left:24.5px;padding-right:24.5px;}
.secmenu.mooc .onemenu.pd6 a{ padding-left:20px;padding-right:20px;}
.secmenu.mooc .onemenu.none a{ color:#adadad; cursor:default;}*/


.secmenu .twomenuwraper{ background:#fff; border:1px solid #d3d3d3; width:329px; position:absolute; left:0; top:40px; z-index:999999; min-height:138px;}
.secmenu .twomenu_wraper{ background:#fff; border:1px solid #d3d3d3; width:329px; position:absolute; left:0; top:40px; z-index:999999; min-height:138px;}
.secmenu .twomenu {}
.secmenu .twomenu a{ display:inline-block; cursor:pointer; padding:0 45px; height:69px; width:239px; position:relative; color:#333;}
.secmenu .twomenu a p{ height:37px; text-align:left; vertical-align:bottom; display:table-cell; font-size:16px; font-weight:bold; padding-top:7px; overflow:hidden; line-height:19px; padding-left:27px;}  
.secmenu .twomenu a > span{ display:none; text-align:left; color:#676666; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1); padding-left:27px;}
.secmenu .twomenu a > span b{ margin-right:17px; font-weight:normal;}
.secmenu .twomenu a > span b:last-child{ margin-right:0}
.secmenu .twomenu a:hover/*,.secmenu .twomenu a.actived*/{ background:#ffe9e7;}
.secmenu .twomenu a:hover:after/*,.secmenu .twomenu a.actived:after*/{ content:''; width:18px; height:18px; position:absolute; background:url(../images/ic_menu_arr.png); top:25px; left:43px;}

.secmenu .twomenu a:after{ content:''; width:239px; height:1px; left:45px; bottom:-1px; background:#e0dfdf; position:absolute;}
.secmenu .twomenu a:hover > span{ display:block;}
/*.secmenu .twomenu a.actived > span{ display:block;}*/

/*.secmenu .onemenu:hover > .twomenuwraper{ display:block;}*/
.secmenu .onemenu a b.actived{ position:absolute; width:8px; height:8px; left:50%; margin-left:-4px; background: url(../images/arr_up.png) no-repeat; top:28px;}
.secmenu .onemenu a.actived{ color:#b40404;}

.secmenu .threemenuwraper{background:#fff; border:1px solid #d3d3d3; width:329px; position:absolute; left:329px; top:0px; }
.secmenu .threemenuwraper.nth1{top:-1px;}
.secmenu .threemenuwraper.nth2{top:69px;}
.secmenu .threemenuwraper.nth3{top:138px;}
.secmenu .threemenuwraper.nth4{top:207px;}
.secmenu .threemenuwraper.nth5{top:276px;}
.secmenu .threemenuwraper.nth6{top:345px;}
.secmenu .threemenuwraper.nth7{top:414px;}
.secmenu .threemenuwraper.nth8{top:483px;}
.secmenu .threemenu {}
.secmenu .threemenu a{ display:table; cursor:pointer; padding:0 45px; height:69px; width:239px; position:relative; color:#333;}
.secmenu .threemenu a p{ height:37px; text-align:left; vertical-align:bottom; display:table-cell; vertical-align:middle; font-size:16px; font-weight:bold; padding-top:7px; overflow:hidden; line-height:19px; padding-left:27px;}
.secmenu .threemenu a > span b{ margin-right:17px; font-weight:normal;}
.secmenu .threemenu a > span b:last-child{ margin-right:0}  
.secmenu .threemenu a > span{ display:none; text-align:left; color:#676666; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1); padding-left:27px;}
.secmenu .threemenu a:hover{ background:#ffe9e7;}
.secmenu .threemenu a:hover:after{ content:''; width:18px; height:18px; position:absolute; background:url(../images/ic_menu_arr.png); top:25px; left:43px;}
.secmenu .threemenu a:after{ content:''; width:239px; height:1px; left:45px; bottom:-1px; background:#e0dfdf; position:absolute;}
.secmenu .threemenu a:hover > span{ display:block;}

.secmenu .fourmenuwraper{background:#fff; border:1px solid #d3d3d3; width:329px; position:absolute; left:329px; top:0px; }
.secmenu .fourmenuwraper.nth1{top:-1px;}
.secmenu .fourmenuwraper.nth2{top:69px;}
.secmenu .fourmenuwraper.nth3{top:138px;}
.secmenu .fourmenuwraper.nth4{top:207px;}
.secmenu .fourmenuwraper.nth5{top:276px;}
.secmenu .fourmenuwraper.nth6{top:345px;}
.secmenu .fourmenuwraper.nth7{top:414px;}
.secmenu .fourmenuwraper.nth8{top:483px;}
.secmenu .fourmenu {}
.secmenu .fourmenu a{ display:table; cursor:pointer; padding:0 45px; height:69px; width:239px; position:relative; color:#333;}
.secmenu .fourmenu a p{ height:37px; text-align:left; vertical-align:bottom; display:table-cell; vertical-align:middle; font-size:16px; font-weight:bold; padding-top:7px; overflow:hidden; line-height:19px; padding-left:27px;}
.secmenu .fourmenu a > span b{ margin-right:17px; font-weight:normal;}
.secmenu .fourmenu a > span b:last-child{ margin-right:0}  
.secmenu .fourmenu a > span{ display:none; text-align:left; color:#676666; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1); padding-left:27px;}
.secmenu .fourmenu a:hover{ background:#ffe9e7;}
.secmenu .fourmenu a:hover:after{ content:''; width:18px; height:18px; position:absolute; background:url(../images/ic_menu_arr.png); top:25px; left:43px;}
.secmenu .fourmenu a:after{ content:''; width:239px; height:1px; left:45px; bottom:-1px; background:#e0dfdf; position:absolute;}
.secmenu .fourmenu a:hover > span{ display:block;}

.secmenu.mooc .onemenu.small{ float:left; background-color:#fff;}
.secmenu.mooc .onemenu.small > a{ width:40px; height:40px;}
.secmenu.mooc .onemenu.small > a:after{ width:40px; height:40px; background:url(../images/ic_back_next.png) -80px 0 no-repeat; content:''; position:absolute;}
.secmenu.mooc .onemenu.small > a.actived:after{ background:url(../images/ic_back_next.png) -120px 0 no-repeat;} 

/*.secmenu.mooc .twomenuwraper{ background-color:#effdff;left:40px; width:219px; overflow:hidden;}
.secmenu.mooc .twomenu a:hover{ background-color:#dcf3f6;}*/
/*.secmenu.mooc .twomenu a{ padding:0 30px; height:69px; display:table; width:219px;}
.secmenu.mooc .twomenu a p{ font-size:14px; display:table-cell; vertical-align:middle; padding-left:5px; padding-right:15px; padding-top:0; width:164px;}
.secmenu.mooc .twomenu a:hover:after{ top:25px; left:10px;}
.secmenu.mooc .twomenu a:after{ width:179px; left:20px;}
.secmenu.mooc .twomenu a:hover{}
*/
.secmenu.mooc .twomenu_wraper{ left:0px;}
.secmenu.mooc .twomenu a{display:table;}
.secmenu.mooc .twomenu a p{display:table-cell; vertical-align:middle;}


/*-------------------------slide_index-----------------------------*/
.slide_index{width:1280px; height:450px; position:relative; display:block; clear:both; margin-bottom:30px;}
.slide_index .oneslide{ width:1280px; height:450px;}
.slide_index .oneslide img{ width:1280px; height:450px;}
.middsearch{ width:162px; height:46px; position:absolute; top:292px; left:52%; margin-left:-110px; z-index:9;}
.middsearch input{ background-color:#fff; border:0; height:27px; width:426px; padding:15px; float:left; font-size:15px; color:#333;}
.middsearch .ic_search{ width:60px; height:57px; background:#fff url(../images/icon.png) 0 0 no-repeat; display:inline-block; cursor:pointer; float:right;}
.middsearch a.btn{cursor: pointer;display: inline-block; width:162px; height:46px;text-align: center;line-height: 44px;text-decoration: none;font-weight: bold;	font-size: 18px;letter-spacing: 4px;transition: all 0.2s ease;}
.btn-blue {	color: #fff;background: #b70252;}
.btn-blue:hover { background: #970345; color: #fff;}

.slide_list{width:1280px; height:80px; position:relative; display:block; clear:both; margin-bottom:45px;}
.listsearch{ width:516px; height:57px; position:absolute; top:24px; left:50%; margin-left:-258px; border:1px solid #676666; z-index:99;}
.listsearch input{ background-color:#fff; border:0; height:27px; width:426px; padding:15px; float:left; font-size:15px; color:#333;}
.listsearch .ic_search{ width:60px; height:57px; background:#fff url(../images/icon.png) 0 0 no-repeat; display:inline-block; cursor:pointer; float:right;}

/*-------------------------list_knowledge-----------------------------*/
.knowledge{ padding:0 30px; display:block;}
.knowledge .title{ text-align:center; font-size:18px; color:#333; font-weight:bold; margin-bottom:28px;letter-spacing:2px;}
.knowledge .list{ margin-left:-16px; margin-bottom:20px;}
.knowledge .listbg{ background:url(../images/list_kpt_none.jpg); font-size:0;}
.knowledge .listbg2{ background:url(../images/list_kpt_none2.jpg);font-size:0;}
.knowledge .list .onelist{ width:290px; height:329px; border:1px solid #d3d3d3; margin-left:16px; margin-bottom:26px; margin-bottom:25px\9; display:inline-block; cursor:pointer; background:#FFF}
.knowledge .list .onelist .pic{ width:290px; height:163px;}
.knowledge .list .onelist .pic img{width:290px; height:163px;}
.knowledge .list .onelist .info_s{ height:25px; padding:0 20px; text-align:right;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037374', endColorstr='#0198aa',GradientType=0 );
background: -moz-linear-gradient(top,  #037374 0%, #0198aa 100%);
background: -webkit-linear-gradient(top,  #037374 0%,#0198aa 100%);
background: -o-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: -ms-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: linear-gradient(to bottom,  #037374 0%,#0198aa 100%);}
.info_s .oneinfo{ font-size:12px; color:#fff; margin-left:12px; margin-top:4px; display:inline-block; position:relative; padding-left:20px;}
.info_s .oneinfo b{ position:absolute; left:0;top:0; width:15px; height:15px;}
.info_s .oneinfo.time b{background: url(../images/icon.png) 0 -57px no-repeat;}
.info_s .oneinfo.love b{background: url(../images/icon.png) -25px -57px no-repeat;}
.info_s .oneinfo.user b{background: url(../images/icon.png) -48px -57px no-repeat;}

.knowledge .list .onelist .info_b{ padding:8px 18px 32px 18px; border-bottom:4px solid #970345;}
.info_b .college{ font-size:14px; color:#970345; display:block;}
.info_b .teacher{ font-size:14px; color:#7d3434; display:block; margin-top:-2px;}
.info_b .topic{ font-size:16px; color:#010101; display:block; font-weight:bold; height:58px; overflow:hidden; margin-top:6px; line-height:19px;}
.info_b .subject{ font-size:12px; color:#676666; display:block; font-style:italic;}

.more{ width:100%; display:block; text-align:center;}
.btn_more{ width:340px; height:49px; border:1px solid #0198aa; display:inline-block; background:#d8d8d8; color:#0198aa; font-size:24px; font-weight:bold; text-align:center; cursor:pointer;}

/*--------------------------------------footerwraper---------------------------------*/
.footerwraper{ background:#454545; width:100%;min-width: 1280px;padding-bottom:70px;}
.footerwraper .footer_top{ background:url(../images/footerbg.png) repeat-x; height:86px; width:100%;}
.btmmenu{ width:1280px; margin:0 auto; height:86px; text-align:center;}
.btmmenu .onemenu{ margin:0 18px; display:inline-block;}
.btmmenu .onemenu a{ display:inline-block; cursor:pointer; height:86px; line-height:86px; font-size:15px; color:#333333; font-weight:bold;}
.btmmenu .onemenu a:hover{ color:#f1f1f1;}
.footerwraper .footer_logo{ background:url(../images/logo_btm.png) no-repeat; width:159px; height:59px; margin:0 auto; margin-top:42px;}
.footerwraper .footer_code{ padding-top:27px; margin:0 auto; height:172px; width:172px;}

/*-------------------------------------topsearch-----------------------------------
.topsearch{ width:375px; height:50px; border:1px solid #bcbbbb; float:left; margin-top:18px; margin-left:98px;}
.topsearch .title{ width:99px; background:#fff; border-right:1px solid #bcbbbb; font-size:14px; font-weight:bold; color:#333; display:inline-block; line-height:50px; text-align:center; float:left; }
.topsearch input{ background-color:#fff; border:0; height:20px; width:195px; padding:15px; float:left; font-size:14px; color:#7f7e7e;}
.topsearch .ic_search{ width:50px; height:50px; background:#fff url(../images/icon.png) -52px 0 no-repeat; display:inline-block; cursor:pointer; float:right;}*/

.topsearch{}
.topsearch .ic_search{width:22px; height:52px;margin-top:13px; background:#fff url(../images/icon.png) -90px 0 no-repeat; display:block; cursor:pointer; float:left;}


/*--------------------------------------------coursecont-------------------------*/
.coursecont{ width:100%; display:inline-block;}
.coursecont .toppart{ padding:35px 60px 40px 60px; border-bottom:1px solid #c1c1c1; min-height:338px; }
.coursecont .toppart .leftside{ width:618px; margin-right:38px; min-height:253px; float:left;}
.coursecont .toppart .leftside .video{ width:618px; height:348px; background-color:#fff; border:1px solid #109eaf; position: relative;}
.coursecont .toppart .leftside .video p{ color:#fff; font-size:12px; text-align:center; width:600px; margin-top:99px;}
.coursecont .toppart .rightside{ width:500px; float:left; padding-top:0px;text-align: justify;text-justify:inter-ideograph;}
.coursecont .toppart .rightside .teacher{ font-size:16px; color:#970345; margin-bottom:6px; font-weight:bold;}
.coursecont .toppart .rightside .title{ font-size:30px; color:#000; font-weight:bold; margin-bottom:30px;}
.coursecont .toppart .rightside .info{ font-size:15px; color:#585858; font-weight: bold;width:500px; line-height:24px; margin-bottom:15px;}
.coursecont .toppart .rightside .btnbox a{ display:inline-block; text-align:center; color:#fff; font-weight:bold; font-size:18px; background:#b70252; padding:0 91px; height:49px; line-height:49px; cursor:pointer;transition: all 0.2s ease;}
.coursecont .toppart .rightside .btnbox a:hover{ background: #970345;}
.coursecont .middpart{ padding:0 60px; display:inline-block}
.coursecont .middpart .leftside{ width:725px; margin-right:44px; padding-top:16px; float:left;}

.coursecont .courseinfo{ padding:27px 0 46px 0; border-bottom:1px solid #c1c1c1; display:inline-block; width:100%;}
.coursecont .courseinfo .title{ font-size:20px; color:#000; font-weight:bold;margin-bottom:20px; margin-bottom: 20px;}
.coursecont .courseinfo .cont{text-align: justify;text-justify:inter-ideograph;}
.coursecont .courseinfo .cont p{ font-size:13px; color:#585858; /*font-weight:bold;*/ line-height:20px; margin-bottom:20px;}
.coursecont .courseinfo .cont .ells{ font-size:13px; color:#585858; font-weight:bold; margin-top:-20px;}
.coursecont .courseinfo .readall{ font-size:12px; color:#0198aa; position:relative; cursor:pointer; padding-left:18px; display:block;}
.coursecont .courseinfo .readall:hover{ text-decoration:underline;}
.coursecont .courseinfo .readall b{ position: absolute; left:0; top:4px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:8px solid #0198aa; border-bottom:4px solid transparent; width:0; height:0;}

.m_pic_l{ margin-right:25px;}
.m_pic_r{ margin-left:25px;}

.coursecont .teacherinfo{  padding:27px 15px 46px 15px; border-bottom:1px solid #c1c1c1;}
.coursecont .teacherinfoin{padding:30px 40px;background:#ececea;}
.teacherinfo .list .namecard{ width:182px; min-height:176px; display:inline-block; vertical-align:top;}
.teacherinfo .list .namecard .face{text-align: center;}
.teacherinfo .list .namecard .face img{ border-radius:65px; border:3px solid #f5f5f5; }
.teacherinfo .list .namecard .name{ padding:10px 0; font-size:14px; text-align:center;}
.teacherinfo .list .namecard .name .top{ color:#000; margin-bottom:2px; font-weight: bold;font-size:15px;}
.teacherinfo .list .namecard .name .btm{ color:#585858; line-height:17px;}
.teacherinfo .list .cont{ width:400px; padding-top:20px; display:inline-block;}

.teacherinfo .list.l .namecard{margin-right:20px;}
.teacherinfo .list.r .namecard{margin-left:20px;}
.teacherinfo .list.r .cont{ text-align:right;}

.coursecont .middpart .rightside{ width:391px; float:left;}

.knowledge_list{} 
.knowledge_list .onelist{ width:391px; height:175px; margin-top:22px; border:1px solid #037374; background:#FFF; /*cursor:pointer;*/}
.knowledge_list .onelist .cont{ padding:6px; height:135px;}
.knowledge_list .onelist .cont .pic{ width:240px; height:135px; float:left;}
.knowledge_list .onelist .cont .pic img{ width:240px; height:135px;}
.knowledge_list .onelist .cont .info{ margin-left:19px; width:118px; float:right; padding-top:10px;color:#970345;}
.knowledge_list .onelist .cont .info p{ margin-bottom:13px; padding-left:24px; position:relative;}
.knowledge_list .onelist .cont .info p span{ font-size:11px; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.knowledge_list .onelist .cont .info p.time b{ background:url(../images/icon.png) 0 -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .cont .info p.recom b{ background:url(../images/icon.png) -25px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .cont .info p.browse b{ background:url(../images/icon.png) -48px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .cont .info p.comm b{ background:url(../images/icon.png) -72px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .title{ text-align:center; height:28px; line-height:28px; display:block; color:#fff; font-size:16px; font-weight:bold;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037374', endColorstr='#0198aa',GradientType=0 );
background: -moz-linear-gradient(top,  #037374 0%, #0198aa 100%);
background: -webkit-linear-gradient(top,  #037374 0%,#0198aa 100%);
background: -o-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: -ms-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: linear-gradient(to bottom,  #037374 0%,#0198aa 100%);
}

.knowledge_list .btn_box{ display:block; margin-top:39px;}
.knowledge_list .btn_box a{ width:389px; height:49px; line-height:49px; display:inline-block; border:1px solid #0198aa; font-size:16px; font-weight:bold; color:#0198aa; background:#d8d8d8; text-align:center; cursor:pointer;}


/*-------------------------------------------------------res_list--------------------------------------*/
.res_list .onelist{ margin-bottom:20px; display:inline-block;}
.res_list .onelist .l_icon{ width:45px; float:left; background-image:url(../images/ic_res.png); background-repeat:no-repeat; height:45px; margin-right:20px;}
.res_list .onelist .l_icon.doc{ background-position:0 0}
.res_list .onelist .l_icon.ppt{ background-position:0 -45px;}
.res_list .onelist .l_icon.xls{ background-position:0 -90px;}
.res_list .onelist .r_cont{ width:620px; float:left;}
.res_list .onelist .r_cont .tit{ color:#585858; font-size:14px; font-weight:bold; margin-bottom:8px;}
.res_list .onelist .r_cont .oth{ color:#656565; font-size:11px; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1); margin-bottom:8px;}
.res_list .onelist .r_cont .info{ color:#585858; font-size:13px;}

/*--------------------------------feedback-----------------------------*/
.feedback .title .score_wz{ float:right; font-size:13px; font-weight:normal;}

/*--------------------------appscore------------------------------------*/
.score_star{ width:89px; height:16px; background-image:url(../images/star.png); background-repeat:no-repeat;float:right; margin-left:12px;}
.score_star.nostar {background-position:-90px 0}
.score_star.onestar {background-position:-72px 0}
.score_star.twostar {background-position:-54px 0}
.score_star.threestar {background-position:-36px 0}
.score_star.fourstar {background-position:-18px 0}
.score_star.fivestar {background-position:0 0}

/*--------------------------------givestar-----------------------------*/
.givestarbox{ width:100%; display:inline-block; margin-bottom:20px;}
.givestarbox p{ width:auto; display:inline-block; height:20px; vertical-align:top; margin-top:2px; margin-right:5px;}
.givestar{
	width:128px;
	height:20px;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star_b.png) no-repeat 0 0;
	 display:inline-block;
}

.nostar {background-position:-135px 0}
.onestar {background-position:-108px 0}
.twostar {background-position:-81px 0}
.threestar {background-position:-54px 0}
.fourstar {background-position:-27px 0}
.fivestar {background-position:0 0}
.givestar .astar {
	cursor: pointer;
	float:left;
	text-indent:-999em;
}
.givestar .astar a {
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	text-decoration:none;
	z-index: 200;
}
.givestar .astar.one a {left:0}
.givestar .astar.two a {left:27px;}
.givestar .astar.three a {left:54px;}
.givestar .astar.four a {left:81px;}
.givestar .astar.five a {left:108px;}
.givestar .astar.actived a,
.givestar .astar:hover a
 {
	z-index:2;
	width:128px;
	height:20px;
	overflow:hidden;
	left:0;	
	background: url(../images/star_b.png) no-repeat 0 0;
}
.givestar .astar.one.actived a,.givestar .astar.one:hover a {background-position:-108px 0;}
.givestar .astar.two.actived a,.givestar .astar.two:hover a {background-position:-81px 0;}
.givestar .astar.three.actived a,.givestar .astar.three:hover a {background-position:-54px 0;}
.givestar .astar.four.actived a,.givestar .astar.four:hover a {background-position:-27px 0;}
.givestar .astar.five.actived a,.givestar .astar.five:hover a {background-position:0 0;}

/*------------------------------enter_fdbk---------------------*/
.enter_fdbk .enter_mess{border:1px solid #0a9cad;display:inline-block; width:100%; margin-bottom:10px; background-color:#f7f7f7;}
.enter_fdbk .enter_mess textarea{font-weight: normal; border:none; padding:5px; display:inline-block; font-size:13px; width:98.5%; height:75px;  resize:none; background-color:transparent; color:#585858; }
.enter_fdbk .enter_mess .wordcount{ color:#7f7e7e; font-size:12px; text-align:right; padding-right:10px; padding-bottom:5px;}
.enter_fdbk .enter_mess_wraper{ margin-bottom:20px;}
.enter_fdbk .enter_mess_wraper .btn_box{ display:block; text-align:right; margin-right:-2px;}
.enter_fdbk .enter_mess_wraper .btn_box a{ margin-left:8px;}
.list_fdbk{ display:inline-block; }
.list_fdbk .onelist{ margin-bottom:20px;}
.list_fdbk .onelist .info{ margin-bottom:6px;}
.list_fdbk .onelist .info .name{ font-size:13px; color:#000; font-weight:bold;}
.list_fdbk .onelist .info .time{ font-size:11px; color:#a0a0a0; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.list_fdbk .onelist .cont{ font-size:13px; color:#585858;}
.feedback .enter_btn_box{ display:block; text-align:center;}
.feedback .enter_btn_box .btn_enterfdbk{ font-size:14px; background-image:#0198aa; font-weight:bold; padding-left:26px; position:relative; color:#0198aa; cursor:pointer;}
.feedback .enter_btn_box .btn_enterfdbk b{ background:url(../images/icon.png) 0 -128px no-repeat; width:17px; height:15px; position:absolute; left:0; top:1px;}


/*------------------------------discuss---------------------*/
.enter_discuss .enter_mess{border:1px solid #0a9cad;display:inline-block; width:100%; margin-bottom:10px; background-color:#f7f7f7;}
.enter_discuss .enter_mess textarea{font-weight: normal; border:none; padding:5px; display:inline-block; font-size:13px; width:98.5%; height:75px;  resize:none; background-color:transparent; color:#585858; }
.enter_discuss .enter_mess .wordcount{ color:#7f7e7e; font-size:12px; text-align:right; padding-right:10px; padding-bottom:5px;}
.enter_discuss .enter_mess_wraper{ margin-bottom:20px;}
.enter_discuss .enter_mess_wraper .btn_box{ display:block; text-align:right; margin-right:-2px;}
.enter_discuss .enter_mess_wraper .btn_box a{ margin-left:8px;}
.list_discuss{ display:block; }
.list_discuss .onelist{ margin-bottom:20px;}
.list_discuss .onelist .info{ margin-bottom:6px;}
.list_discuss .onelist .info .name{ font-size:13px; color:#000; font-weight:bold;}
.list_discuss .onelist .info .time{ font-size:11px; color:#a0a0a0; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.list_discuss .onelist .cont{ font-size:13px; color:#585858;}
.list_discuss .onelist .btn_box{ display:block; text-align:left; margin-top:10px;}
.discuss .enter_btn_box{ display:block; text-align:center;}
.discuss .enter_btn_box .btn_enterdiscuss{ font-size:14px; background-image:#0198aa; font-weight:bold; padding-left:26px; position:relative; color:#0198aa; cursor:pointer;}
.discuss .enter_btn_box .btn_enterdiscuss b{ background:url(../images/icon.png) 0 -128px no-repeat; width:17px; height:15px; position:absolute; left:0; top:1px;}

.replywraper{ display:block; width:100%;}
.replywraper .reply_pd{ padding-left:30px; display:block;}
.replywraper .enter_reply{ background-color:#e4effe; display:block; height:120px; margin-bottom:20px; padding:10px;}
.enter_reply .enter_mess_wraper{ margin-bottom:20px;}
.enter_reply .enter_mess{border:0px solid #0a9cad;display:inline-block; width:100%; margin-bottom:10px; background-color:#fff;}
.enter_reply .enter_mess textarea{font-weight: normal; border:none; padding:5px; display:inline-block; font-size:13px; width:98.5%; height:50px;  resize:none; background-color:transparent; color:#585858; }
.enter_reply .enter_mess .wordcount{ color:#7f7e7e; font-size:12px; text-align:right; padding-right:10px; padding-bottom:5px;}

.enter_reply .enter_mess_wraper .btn_box{ display:block; text-align:right; margin-right:-2px;}
.enter_reply .enter_mess_wraper .btn_box a{ margin-left:8px;}
.reply{ display:block; background-color:#e4effe; border:1px solid #8cb4eb; padding:12px 26px; margin-bottom:30px;}
.reply .info{ margin-bottom:6px;}
.reply .info .name{ font-size:13px; color:#000; font-weight:bold;}
.reply .info .time{ font-size:11px; color:#a0a0a0; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.reply .cont{ font-size:13px; color:#585858;}


/*--------------------------------------------------point----------------------------------------*/
.point_wraper{ display:inline-block; padding:35px 59px; border-bottom:1px solid #c1c1c1;}
.point{ border:1px solid #0198aa; display:inline-block;padding:11px;padding-bottom: 30px;}
.point .video{ float:left;width:860px; height:495px; background-color:#fff;}
.point .video p{ color:#fff; font-size:12px; text-align:center; width:880px;}
.point .oth{ width:188px; padding:10px 35px; float:right;}
.anchor .oneanchor{ border-bottom:1px solid #d4d4d4;}
.anchor .oneanchor a{ display:inline-block; line-height:46px; color:#585858; font-size:14px; text-align:center; width:100%; font-weight:bold; cursor:pointer;}
.anchor .oneanchor a:hover{ background-color: #f0f0f0;color: #333;}

.pointoth{ margin-left:19px; width:auto; padding-top:10px; margin-left:50px; margin-top:20px;}
.pointoth p{ margin-bottom:13px; padding-left:24px; position:relative; color:#024ebc; font-weight:bold;}
.pointoth p{ margin-bottom:13px; padding-left:24px; position:relative; color:#024ebc; font-weight:bold;}
.pointoth p span{ font-size:12px;}
.pointoth p.time b{ background:url(../images/icon.png) 0 -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.pointoth p.recom a{ background:url(../images/icon.png) -25px -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.pointoth p.browse b{ background:url(../images/icon.png) -48px -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.pointoth p.comm b{ background:url(../images/icon.png) -72px -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}

/*.point_wraper .title{ display:block; background-color:#0198aa; color:#fff; text-align:center; font-weight:bold; font-size:16px; line-height:28px;}*/
.point_wraper .title{ display:block;  color:#fff; text-align:center; font-weight:bold; font-size:20px; line-height:40px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037374', endColorstr='#0198aa',GradientType=0 );
background: -moz-linear-gradient(top,  #037374 0%, #0198aa 100%);
background: -webkit-linear-gradient(top,  #037374 0%,#0198aa 100%);
background: -o-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: -ms-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: linear-gradient(to bottom,  #037374 0%,#0198aa 100%);}

.pointres_list{ display:inline-block; margin-left:-60px;}
.pointres_list .onelist{ margin-bottom:20px; width:200px; float:left; margin-left:60px;}
.pointres_list .onelist .pic{ border:1px solid #888; width:200px; height:275px;margin-bottom:6px; background-color:#eeeeee;}
.pointres_list .onelist .pic img{ width:200px; height:275px;}
.pointres_list .onelist .tit{ text-align:center; font-size:12px; color:#585858;}

.pointdemo_list{ display:inline-block; margin-left:-70px;}
.pointdemo_list .onelist{ margin-bottom:20px; width:175px; float:left; margin-left:70px;}
.pointdemo_list .onelist .pic{ border:1px solid #cccccc; width:175px; height:98px; margin-bottom:6px; background-color:#eeeeee;}
.pointdemo_list .onelist .tit{ text-align:center; font-size:12px; color:#585858;}

.pointres_rockrt{ display:inline-block; margin-left:-60px;}
.pointres_rockrt .onelist{ margin-bottom:20px; width:200px; float:left; margin-left:60px;}
.pointres_rockrt .onelist .pic{ border:1px solid #888; width:200px; height:145px;margin-bottom:6px; background-color:#eeeeee;}
.pointres_rockrt .onelist .pic img{ width:200px; height:145px;}
.pointres_rockrt .onelist .tit{ text-align:center; font-size:14px; color:#585858;}
.pointres_rockrt .onelist .tit a{ text-align:center; font-size:14px; color:#0198aa; font-weight: bold;}
.pointres_rockrt .onelist .tit a:hover{ text-align:center; font-size:14px; color:#0198aa; text-decoration: underline; cursor:pointer;}

.font14{ font-size: 14px;}
.bold{ font-weight: bold;}
.fray{ color: #333;}
/*---------------------------------返回顶部------------------------------------*/
.allwraper{ position:relative;}

/*---------------------------------测试习题------------------------------------*/
.Rjblood2{ /*width:1116px; height:632px; border:1px solid #666666;*/ line-height:21px;font-size:14px; color:#1b1b1b; background:#FFF}
.Rjblood2in{ /*overflow:auto; width:1076px; height:592px; margin:20px;*/ padding: 0 15px;}
.Rjblood2 p{}
.Rjblood2 h4{ font-weight:bold; font-size:14px; margin-top:10px;}
.Rjblood2 .imgbox img{ width:495px;height:auto !important ;width:expression(this.width > 495?"495px":this.width);}
.Rjblood2 .imgbox{ padding:8px; vertical-align:top; display:inline-block; width:495px; text-align:center;}
.Rjblood2 .imgbox span{ text-align:center; display:block; margin-top:5px; font-size:12px; color:#464646}

.Rjblood2 .imgbox2{ vertical-align:top; display:inline-block; width:350px; text-align:center; float:left;}
.Rjblood2 .imgbox2 img{ height:400px;width:auto !important ;height:expression(this.height > 400?"400px":this.height);}
.Rjblood2 .imgbox2 span{ text-align:center; display:block; margin-top:5px; font-size:12px; color:#464646}

.Rjblood2 .imgbox3{ vertical-align:top; display:inline-block; width:495px; text-align:center; float:left;}
.Rjblood2 .imgbox3 img{ width:430px;height:auto !important ;width:expression(this.width > 430?"430px":this.width);}
.Rjblood2 .imgbox3 span{ text-align:center; display:block; margin-top:5px; font-size:12px; color:#464646}

.Rjblood2 .imgbox4{ vertical-align:top; display:inline-block; width:350px; text-align:center; float:left;}
.Rjblood2 .imgbox4 img{ width:200px;height:auto !important ;width:expression(this.width > 200?"200px":this.width);}
.Rjblood2 .imgbox4 span{ text-align:center; display:block; margin-top:5px; font-size:12px; color:#464646}
.Rjblood2 .imgbox4wraper{width:350px;float:left;}

.Rjblood2 .imgbox5{ vertical-align:top; display:inline-block; width:200px; text-align:center; float:left;}
.Rjblood2 .imgbox5 img{ height:133px;width:auto !important ;height:expression(this.height > 133?"133px":this.height);}
.Rjblood2 .imgbox5 span{ text-align:center; display:block; margin-top:5px; font-size:12px; color:#464646}
.Rjblood2 .imgbox5wraper{width:420px;float:left;}


.choose{ width:310px; margin-left:10px; float:left; vertical-align:left; text-align: left;}

.choose label{ display:block; margin-bottom:10px; margin-left:-20px;}
.choose label span{ width:20px; height:11px; display:inline-block;}
.choose label .ic_tt{ width:15px; height:11px; background: url(../images/icon.png) 0 0 no-repeat; display:inline-block;}
.choose label .ic_ff{ width:11px; height:11px; background: url(../images/icon.png) 0 -17px no-repeat; display:inline-block;}



.answer{ margin-top:30px; font-size:16px; font-weight:bold;}
.answer .tt{ color:#04b45f;}
.answer .ff{ color:#b40404;}



.l_test{ display:block; width: 1130px; clear:both; float:left; height:500px; background-color: #ECECEA; text-align: center;}
.l_test .choose h4{ display:block; padding-bottom:30px; margin-left:-20px; font-size:13px;}
.l_test  h4{ display:block; padding-bottom:20px; margin-top: 16px; margin-left:10px; font-size:15px;}
.textin{display:block; width: 670px; height: 500px;  text-align: center; margin: 0 auto;} 

.lastpage{ float:left; cursor:pointer;
	border-left: 10px solid transparent;
	border-right: 20px solid #b1b1b1;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	width: 0;
	height: 0
}
.lastpage.active{border-right: 20px solid #0198aa;}

.nextpage{ float:right; cursor:pointer;
	border-left: 20px solid #b1b1b1;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	width: 0;
	height: 0
}
.nextpage{border-left: 20px solid #0198aa;}
.l_results{ width:100%; height:500px;}
.l_resultsin{ width:180px; margin:0 auto; padding-top:140px;}
.l_results h4{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.l_results p{ font-size:16px; margin-bottom:10px; text-indent:20px;}

.col_blue{ color:blue}

/*进度条*/
.optlist{ width:50%; display:block; clear:both; text-align:center; margin:0 auto;}
.progress {  width:390px; border: 1px solid #0198aa; padding: 1px; border-radius: 8px;margin:0 auto}
.bar {  width:0%; height:15px; border-radius: 8px;background-color: #0198aa;}
.percent { color:#515151;line-height:19px; width:100%; display:block; clear:both; text-align:center; margin-top:8px; font-size: 12px; padding-bottom: 26px;}

/*登录框*/
.loginbox{ width:240px; height:147px; position:absolute; border:1px solid #d3d3d3; background-color:#fff; right:-30px; top:60px; z-index:102;
    box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-ms-box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-o-box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.3);}
.loginbox b{ background:url(../images/login_tarr.jpg) no-repeat; width:16px; height:10px; position:absolute; top:-10px; right:36px;}
.loginboxin{ padding:10px;}
.header_r{ position:relative;}
.loginbox .btnbox{ display:block; margin-top:5px; text-align:right;}
.loginbox .btnbox a{ margin-left:7px;}
input.login{ background-color:#fff; border:1px solid #970345; width:204px; height:19px; padding:8px; margin-bottom:7px;display:inline-block; font-size:14px;}

/* 返回顶部 */
.dn{display: none;}
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 0;}
.go-top .go:hover{background-position: 0 -49px;}


/*提示框*/
.hitwindow{ width:350px; height:160px; border:1px solid #d3d3d3; background-color:#fff; position:absolute; border:1px solid #0198aa;z-index:99; top:100px;left:50%; margin-left:-175px;
box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-ms-box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-o-box-shadow:0 1px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.3);}
.hitwindowin{ padding:20px;}	
.hitwindow .cont{ height:80px; width:100%; margin-bottom:15px; display:table; *position:relative;}
.hitwindow .cont p{ font-size:16px; text-align:center; vertical-align:middle; display:table-cell; *position:absolute; *top:50%;line-height:19px;}
.hitwindow .cont p span{*position:relative; *top:-50%;}
.hitwindow .btnbox{ text-align:center; width:100%;}
.hitwindow .btn_cls{ background:url(../images/btn_cls.png); width:10px; height:10px; cursor:pointer; position:absolute; right:5px; top:5px;}

/*song*/
.font16{ font-size:16px; font-weight: bold; margin:0 auto; margin-bottom: 10px;color: #444;}
.mt20{margin-top: 20px;}
.bg{background-color: #ececea;}
/*.pointres_list2{ text-align: center; margin-left: 225px; width: 710px;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:710px; height:533px;background:#333; position:relative; overflow:hidden; text-align: center;}
#playBox .oUlplay { width:999999px; position:absolute; margin:0 auto; overflow: hidden;}
#playBox .oUlplay li{ float:left; list-style: none;}
#playBox .oUlplay img{width:710px; }
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:220px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:220px; right:10px; z-index:10;}
#playBox .smalltitle {width:710px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:200px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}*/

#flashFocus{margin:20px auto 0}

.MDChdtvFocus{border:1px #E2E2E2 solid;background:url(images/loading.gif) 50% 50% #F4F4F4;position:relative;width:660px;height:396px}
.MDChdtvFocus .l{cursor:pointer;float:left;margin:3px auto 0 3px;display:inline;background:#fff;padding:5px;position:relative}
.MDChdtvFocus .r{width:140px;height:396px;position:absolute;right:0;top:0; }

.MDChdtvFocus .l div{position:absolute;bottom:0;left:5px;height:96px}
.MDChdtvFocus .l div h1{width:507px;margin:0 auto;font:22px/44px '微软雅黑';text-align:left;color:#fff}
.MDChdtvFocus .l div p{width:507px;margin:0 auto;font:12px/20px '宋体';text-align:left;color:#CFC5C0}
.MDChdtvFocus .l div.bg{width:0;background:url(bg2.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=bg2.png)}

.MDChdtvFocus .r .up{cursor:pointer;position:absolute;top:0;left:45px;width:64px;height:13px;display:block;overflow:hidden}
.MDChdtvFocus .r .up a{background:url(../images/bt03.gif) top;display:block;width:100%;height:100%}
.MDChdtvFocus .r .up a:hover{background:url(../images/bt03.gif) 0 -13px}

.MDChdtvFocus .r .down{cursor:pointer;position:absolute;bottom:0;left:45px;width:64px;height:13px;display:block;overflow:hidden;}
.MDChdtvFocus .r .down a{background:url(../images/bt02.gif) top;display:block;width:100%;height:100%}
.MDChdtvFocus .r .down a:hover{background:url(../images/bt02.gif) 0 -13px}

.MDChdtvFocus .r div{width:140px;height:360px;overflow:hidden;position:relative;top:21px;}
.MDChdtvFocus .r div dl{width:140px;position:absolute;left:0;top:0;}
.MDChdtvFocus .r div dl dd{cursor:pointer;height:80px;padding-top:6px;margin-bottom:4px;padding-left:20px;width: 140px; }
.MDChdtvFocus .r div dl dd img{float:left;padding:1px;background:#fff;border:1px #A3BBDD solid; }
.MDChdtvFocus .r div dl dd h2{width:120px;float:left;margin:8px auto 0 8px;display:inline;font:600 12px/20px '宋体';text-align:left;color:#1D569C}
.MDChdtvFocus .r div dl dd h2 span{margin:4px 5px 0 auto;float:left;background:url(../images/bt01.gif) top;display:block;width:13px;height:13px;overflow:hidden}
.MDChdtvFocus .r div dl dd.now h2 span{background:url(../images/bt01.gif) 0 -13px;overflow:hidden;width:13px;height:13px}
.MDChdtvFocus .r div dl dd p{width:120px;float:left;margin-left:8px;display:inline;font:12px/20px '宋体';color:#666;text-align:left}

.MDChdtvFocus .r div dl dd.now{background:url(../images/bg.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=bg.png)}
.MDChdtvFocus .r div dl dd.now img{border:1px #fff solid}
.MDChdtvFocus .r div dl dd.now h2{color:#fff}
.MDChdtvFocus .r div dl dd.now h2 img{border:0}
.MDChdtvFocus .r div dl dd.now p{color:#fff}


video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}

.arr_next,
.arr_last
{ width:40px; height:40px; position:relative; cursor:pointer;}
.arr_next{ float:right;}
.arr_last{float:left;}
.arr_last:before{ content:''; position:absolute; background: url(../images/ic_back_next.png) no-repeat; width:40px; height:40px; left:0; top:0}
.arr_next:before{ content:''; position:absolute; background: url(../images/ic_back_next.png) -40px 0 no-repeat; width:40px; height:40px; left:0; top:0}
.btitle{ float:left; font-size:16px; color:#fff; font-weight:bold; height:40px; line-height:40px; padding:0 40px; border-bottom:1px solid #d3d3d3; background-color:#b40404; min-width:112px; text-align:center;}
.stitle{ font-size:16px; color:#fff; font-weight:bold; height:40px; line-height:40px; border-bottom:1px solid #d3d3d3; text-align:center; float:left; background-color:#e52315; padding:0 40px; }
.sstitle{ font-size:16px; color:#fff; font-weight:bold; height:40px; line-height:40px; border-bottom:1px solid #d3d3d3; text-align:center; float:left; background-color:#fe5847; padding:0 40px; }
.sec_course{ float:left;}
.arr_wraper{ float:right;}

.menu,.menu ul{ list-style-type:none; }
.menu { float:left;}
.menu li a p span{ display:block\9; font-weight:bold\9; font-size:16px\9; color:#0198aa\9;}
.menu li a p span b{ font-size:12px\9; color:#676666\9; display:none\9;}
.menu li a:hover p span b{ display:inline-block\9; font-weight:normal\9;}
.menu li { float:left; position:relative;}
.menu li.top{ border-right:1px solid #d3d3d3; height:40px;}
.menu li.top > a:hover { color:#b40404;}
.menu li.top > a{ position:relative; padding-top:10px; font-size:14px; font-weight:bold;}
.menu li.top > a:after{ content:''; position:absolute; width:8px; height:8px; left:50%; margin-left:-4px; background: url(../images/arr_down.png) no-repeat; top:28px;}
.menu li.top.focusa > a{ color:#b40404;}
.menu li.top.focusa > a:after{ background: url(../images/arr_up.png) no-repeat;}

.menu li.small{ border:0; height:40px; width:40px; cursor:pointer; background-color:#fff;border-right:1px solid #d3d3d3;}
.menu li.small > a{ display:none;}  
.menu li.small:before{ content:''; position:absolute; width:40px; height:40px; background:url(../images/ic_back_next.png) -80px 0 no-repeat; }
.menu li.small.focusa:before{ background:url(../images/ic_back_next.png) -120px 0 no-repeat; }
.menu li.home{ border:0; height:40px; width:40px; cursor:pointer; background-color:#fff; border-right:1px solid #d3d3d3;}
.menu li.home > a{ display:none;}  
.menu li.home:before{ content:''; position:absolute; width:40px; height:40px; background:url(../images/ic_back_next.png) -200px 0 no-repeat; }
.menu li.home.focusa:before{ background:url(../images/ic_back_next.png) -240px 0 no-repeat; }

.menu li a{ display:table; float:left; height:69px; padding:0 45px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; position:relative;}
.menu li a p{ display:table-cell; vertical-align:middle; border-bottom:1px solid #e0dfdf; height:69px; width:329px; padding-left:27px;}
.menu li a p span:nth-child(1){ font-weight:bold; font-size:16px; display:block; color:#0198aa;}
.menu li a p span:nth-child(2){ font-size:12px; color:#676666; display:none;}
.menu li a:hover p span:nth-child(2){ display:block;}
.menu li a p span:nth-child(2) b{ font-weight:normal; padding:0 8px;}
.menu li a p span:nth-child(2) b:nth-child(1){ padding-left:0}
.menu li ul li a:hover{ background-color:#ffe9e7;}
.menu li ul{ border:1px solid #d3d3d3; }
.menu li ul.one li a:hover p span:nth-child(1){ padding-top:17px;}
.menu li ul.two li a:hover p span:nth-child(1){ padding-top:0px;}
.menu li ul.three li a:hover p span:nth-child(1){ padding-top:0px;}
.menu li ul li a:hover{ background-color:#ffe9e7;}
.menu li ul li a:hover:before{ content:''; position:absolute; width:18px; height:18px; background:url(../images/ic_menu_arr.png); top:25px; left:43px;}
.menu li ul { position:absolute; left:0; background-color:#fff; width:329px; border:1px solid #d3d3d3; display:none;}
.menu li ul a { width:329px; }
.menu li ul li a:hover{ background-color:#ffe9e7;}
.menu li ul.one { top:40px; }
.menu li ul.two { left:329px; }
.menu li ul.three { left:329px; }

.navi{ list-style-type:none; float:left; height:40px; }
.navi li{ padding:0 40px; line-height:40px; float:left; font-size:16px; color:#fff; font-weight:bold; height:40px; line-height:40px; border-bottom:1px solid #d3d3d3; text-align:center; }
.navi li a{ color:#fff; cursor:pointer;}
.navi li.one{background-color:#b40404;}
.navi li.two{background-color:#e52315;}
.navi li.three{background-color:#fe5847;}

/*首页--热门课程和最新知识点的颜色*/
.knowledge .list .onelist.color1 .info_s{
background: -moz-linear-gradient(top,  #037374 0%, #0198aa 100%);
background: -webkit-linear-gradient(top,  #037374 0%,#0198aa 100%);
background: -o-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: -ms-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: linear-gradient(to bottom,  #037374 0%,#0198aa 100%);}

.knowledge .list .onelist.color2 .info_s{
background: -moz-linear-gradient(top,  #9a0556 0%, #d20b6d 100%);
background: -webkit-linear-gradient(top,  #9a0556 0%,#d20b6d 100%);
background: -o-linear-gradient(top,  #9a0556 0%,#d20b6d 100%); 
background: -ms-linear-gradient(top,  #9a0556 0%,#d20b6d 100%); 
background: linear-gradient(to bottom,  #9a0556 0%,#d20b6d 100%);}

.list .onelist.color1 .info_b{ border-bottom:4px solid #037374;}
.list .onelist.color2 .info_b{ border-bottom:4px solid #9a0556;}


.fg_info{ top: auto; bottom: -100%; width:290px;margin-bottom: 1px; height:329px; position:absolute; z-index:3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; }
.fg_info p{color:#000; line-height:25px; text-align:center; text-justify:inter-ideograph;  overflow:hidden; font-size: 13px;  }
.fg_info .btn_enter{ margin:0 auto; width:150px; height:36px; display:block; text-align:center; color:#fff; line-height:36px; font-weight:bold; font-size:15px; cursor:pointer; margin-top: 50px; }
.fg_info .btn_box{ display:block; text-align:center; margin:0 auto;margin-top: -30px;}

.onelistin{overflow: hidden;width:290px; height:330px; position:relative;}
.onelistin:hover .fg_info{bottom: 0;transition: 0.6s;}

.list .onelist.color1 .fg_info{ background-color:rgba(224, 246, 249,1);}
.list .onelist.color2 .fg_info{ background-color:rgba(253, 229, 240, 1);height: 166px;padding-top: 16px;}
.list .onelist.color1 .btn_enter{ background-color:#b70252;}
.list .onelist.color2 .btn_enter{ background-color:#b70252;}
.fg_info .teaface img{width:290px; height:163px;}
.fg_info .teaface{ margin-bottom:12px;}

.list .onelist.color1 .fg_info{ background-color:#e0f6f9;}
.list .onelist.color2 .fg_info{ background-color:#fde5f0;height: 166px;padding-top: 16px;}
.list .onelist.color1 .btn_enter{ background-color:#b70252;}
.list .onelist.color2 .btn_enter{ background-color:#b70252;}
.fg_info .teaface img{width:290px; height:163px;}
.fg_info .teaface{ margin-bottom:12px;}
.fg_info .facetitp{font-size: 16px; color:#037374; font-weight: bold;}
.fg_info .facetitp2{font-size: 12px; color:#333; font-weight: bold;}
.fg_info .facetitp3{font-size: 11px; color:#777777;}
.fg_info .facetitp4{font-size: 16px; color:#b70252; font-weight: bold;}
.fg_info .facetitp5{font-size: 12px; color:#333; font-weight: bold;}
.fg_info .facetitp6{font-size: 11px; color:#777777;line-height: 14px;}
.hidden{ display:none;}
.kwlg1{ margin-bottom:50px;}
.more.kwlg1,
.more.kwlg2{ color:#b0b0b0;margin-bottom:50px;}


.footerwraper .text{ font-family:'Arial Normal', 'Arial'; font-weight:400; font-style:normal; font-size:12px; color:#fff;line-height:normal; text-align: center; margin:0 auto; margin-top:80px; width:600px;padding-bottom:5s0px;color: #b9b9b9;}
.footerwraper .text ul{list-style: none; margin-left: -30px;padding-left:100px;}
.footerwraper .text ul li{float:left; margin-right: 14px;}
.footerwraper .text ul li a{color: #b9b9b9;}
.footerwraper .text ul li a:hover{ text-decoration: underline;color: #29cccd;}
.footerwraper .text .textname{margin-top: -10px;}
.footerwraper .text .textname p{padding-bottom: 4px;}
.slide_wraper{ width:100%; height:450px; position:relative; clear:both; overflow:hidden;}
.slide_wraper .slide_box{ width:100%;}
.slide_wraper .slide_pic{width:100%; margin:0 auto;  }
.slide_wraper .slide{  width:1280px; height:450px; margin:0 auto; }
.slide_wraper .oneslide{}
.slide_wraper .oneslide img{ width:100%;}
.slide_wraper .pagebox{ width:100%; text-align:center; height:16px; margin:0 auto; position:absolute; left:0; bottom:5%}
.slide_wraper .pagebox a{ width:10px; height:10px; margin:0 9px; display:inline-block; background-color:#a6a6a6; border-radius:10px;/*background:url(../images/pagebox_a.png) 0 -16px no-repeat;*/}
/*.slide_wraper .pagebox a:hover{ color:#82dcfd;}*/
.slide_wraper .pagebox a.on{ background-color:#fff;}
.slide_wraper .pagebox .page_wraper{ display:inline-block;}
.point .video{position: relative;}
.leftside .btnvideo a{ float: right; display:absolute; text-align:center; color:#fff;font-size:12px; background:; padding:4px 6px 0px 18px; height:20px; line-height:20px; cursor:pointer;margin-right: -2px;letter-spacing:4px;}
.point_wraper .btnvideo a{  float: right;display:absolute; text-align:center; color:#fff;font-size:12px; background:; padding:4px 6px 0px 18px; height:20px; line-height:20px; cursor:pointer;letter-spacing:4px;}
.playTip{ position:absolute;background-image: url(../images/bt06.png); width: 145px; height: 145px; left: 38%;top: 92px;cursor: pointer;}
.playTip2{ position:absolute; background-image: url(../images/bt07.png); width: 145px; height: 145px; left: 38%;top: 92px;cursor: pointer;}
.playTips{ position:absolute; background-image: url(../images/bt06.png); width: 145px; height: 145px; left: 40%;top: 34%;cursor: pointer;}
.playTips2{ position:absolute; background-image: url(../images/bt07.png); width: 145px; height: 145px; left: 40%;top: 34%;cursor: pointer;}
.playTip_p{ position: absolute;z-index: 999999;background-image:url(../images/bt06.png); width: 145px; height: 145px; left:44%;top:230px;cursor: pointer;}
.playTip2_p{ position: absolute;z-index: 999999;background-image:url(../images/bt07.png); width: 145px; height: 145px; left:44%;top:230px;cursor: pointer;}
.playTips_p{ position:absolute; background-image: url(../images/bt06.png); width: 145px; height: 145px; left: 40%;top: 34%;cursor: pointer;}
.playTips2_p{ position:absolute; background-image: url(../images/bt07.png); width: 145px; height: 145px; left: 40%;top: 34%;cursor: pointer;}

.pop_box{width: 1160px;height:653px;z-index: 99998; margin:16px auto 0; display: none;position:absolute;background: #FFF; overflow:hidden ;float: right;}
.p_h_title{position: absolute;z-index: 999;}
.p_h_x{float:right; text-align:center; height:30px; width:30px;cursor:pointer;position: relative;z-index: 999999; overflow:hidden;background: url(../images/close.png) no-repeat;margin-top: 6px;}       
.mask{width:100%;height:100%;background:#000;opacity:.6;position:fixed;_position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);top:0;left:0;z-index:998}

.container_menu {margin: 0 auto; position: relative;margin-top: -16px;}
.container_menu .docs-nav .title p{ font-weight: bold;font-size:16px; display:block; border-bottom:1px solid #e0dfdf;  display:table-cell;height:49px;width:280px;vertical-align:middle; padding-left:22px; }
.container_menu .docs-nav .title b{font-weight: bold;}
.container_menu .docs-nav .title a:hover{background-color:#fff;}
.container_menu .docs-nav .title a:before{background-color:#fff;background-image: none;}
.docs-nav { list-style: none; margin: 0 0 0 30px;position: absolute; width: 280px; border:1px solid #e0dfdf; 
        -webkit-transition: top linear 50ms;
        -moz-transition: top linear 50ms;
        -o-transition: top linear 50ms;
        transition: top linear 50ms;}
.docs-nav a {float:left; height:50px; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; position:relative;display:inline;}
.docs-nav li a {vertical-align:middle;height:49px; width:280px;}
.docs-nav li a p{ display:table-cell; vertical-align:middle; border-bottom:1px solid #e0dfdf; height:49px; width:260px; padding-left:20px;}
.docs-nav li a p span{  font-size:15px; color:#0198aa;}
.docs-nav li a:hover{ background-color:#ffe9e7;}
.docs-nav li a:hover:before{ content:''; position:absolute; width:18px; height:18px; background:url(../images/ic_menu_arr.png); top:16px; left:10px;}
.docs-nav li b{float: right; font-weight:normal;font-size:12px; color:#676666;margin-top: 2px;}
.docs-content {padding-left: 314px;}
.docs-content .list{ background:#FFF;display:inline-block;}
.docs-content .list .onelist{ width:290px; height:329px; border:1px solid #d3d3d3; margin-left:16px; margin-bottom:26px; cursor:pointer; background:#FFF; float:left;}
.docs-content .list .onelist .pic{ width:290px; height:163px;}
.docs-content .list .onelist .pic img{width:290px; height:163px;}
.docs-content .list .onelist .info_s{ height:25px; padding:0 20px; text-align:right;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037374', endColorstr='#0198aa',GradientType=0 );
background: -moz-linear-gradient(top,  #037374 0%, #0198aa 100%);
background: -webkit-linear-gradient(top,  #037374 0%,#0198aa 100%);
background: -o-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: -ms-linear-gradient(top,  #037374 0%,#0198aa 100%); 
background: linear-gradient(to bottom,  #037374 0%,#0198aa 100%);}
.docs-content .list .onelist .info_b{ padding:8px 18px 32px 18px; border-bottom:4px solid #970345;}
.docs-content .courseinfo{padding-left:16px;}
.resources_list{ display:inline-block; margin-left:-35px;}
.resources_list .onelist{ margin-bottom:20px; width:200px; float:left; margin-left:35px;}
.resources_list .onelist .pic{ border:1px solid #888; width:200px; height:275px;margin-bottom:6px; background-color:#eeeeee;}
.resources_list .onelist .pic img{ width:200px; height:275px;}
.resources_list .onelist .tit{ text-align:center; font-size:12px; color:#585858;height:72px;}
.pointres_rockrt{ display:inline-block; margin-left:-28px;}
.pointres_rockrt .onelist{ margin-bottom:20px; width:200px; float:left; margin-left:28px;}




/*--------------------登入页面-----------------------------*/
.login {display: block; height:360px; width:400px; margin: 0 auto; border: 1px solid #fff;border-radius:6px;   text-align: center;
/*	box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);*/
}
.login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
.login_name p{ width:100%; text-align:center; font-size:28px; color:#444; padding:10px 0 20px;}
.login input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:80%;margin-bottom:30px;line-height:50px; color:#888;}
.login input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
.login input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }

.enter_li{margin: 0 auto;position: relative;}
.btn_purple {width:88%;
    height: 48px;
    line-height: 48px;
    letter-spacing: 3px;background-color: #b70252;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s;
}

.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}

/*--------------------end-----------------------------*/


/*--------------------首页微信公众号信息-----------------------------*/

.msg_page{margin: 0 auto;font-size:12px;height: 100%;display: inline-block;}
.msg_list{zoom: 1;margin-bottom:15px;margin-left:8px;margin-right:8px;width:32%;float: left;}
.msg_list_bd{margin-left:auto;margin-right:auto;background-color:#fff;border:1px solid #cacbcb;box-shadow:0 1px 2px #ddd;-moz-box-shadow:0 1px 2px #ddd;-webkit-box-shadow:0 1px 2px #ddd;padding:0px;}
.msg_wrapper{font-size:14px;}
.msg_inner_wrapper{display:inline-block;width:100%;color:#000;text-decoration:none;}
.images_box{margin-top:4px;}
.msg_title_bar>.msg_title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.msg_title{font-size:16px;font-weight:700;color:#000;word-break: break-all; }
.msg_date{color:#9a9a9a;}
.msg_cover{position:relative;height:150px;overflow:hidden;font-size:0;text-decoration:none;display:block;}
.msg_cover img{width:100%;}
.msg_cover .msg_title{color:#fff;text-decoration:none;padding:18px 0px 10px 16px;}
.msg_desc{color:#9a9a9a;word-wrap:break-word;word-break:break-all;}
.msg_title_bar{position:absolute;bottom:0;left:0;width:100%;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(100,100,100,100));}
.sub_msg_list{padding:8px 6px 0px 16px; }
.sub_msg_item{zoom: 1;overflow: hidden;border-top:1px solid #e5e5e5;display:block;text-decoration:none;padding:15px 0;}
.thumb{float:right;border:1px solid #e5e5e5;font-size:0;padding:1px;}
.thumb img{width:50px;}


/*--------------------couse6微信公众号卡片-----------------------------*/

.tile{width:390px;height:180px;margin-top:40px;background-color:#f5feff;display:inline-block;background-size:cover;position:relative;cursor:pointer;transition:all 0.4s ease-out;box-shadow:1px 1px 4px 0px rgba(21,144,144,0.2);overflow:hidden;color:white;font-family:'Microsoft YaHei',sans-serif;}
.tile img{height:100%;width:100%;position:absolute;top:0;left:0;z-index:0;transition:all 0.4s ease-out;}
.tile .text{z-index:99;position:absolute;padding:30px 0 0 18px;height:calc(100% - 60px);}
.tile h1{font-weight:600;font-size:20px; margin:0;text-shadow:1px 2px 4px rgba(0,0,0,0.1);color: #0198aa;}
.tile h2{font-weight:600;font-size:14px; margin:10px 0 0 0;text-shadow:1px 2px 4px rgba(0,0,0,0.1);/*transform:translateX(200px);*/color: #0198aa;}
.tile p{font-weight:600;font-size:12px;margin:12px 0 0 0;line-height:20px;transform:translateX(-200px);transition-delay:0.2s;color: #0198aa;}
.animate-text{opacity:0;transition:all 0.6s ease-in-out;}
.tile:hover img{opacity:1;}
.tile:hover .animate-text{transform:translateX(0);opacity:1;}
             
 /*--------------------end-----------------------------*/       


 /*--------------------首页二维码 浮框-----------------------------*/       

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background: #333;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;}
.other p { padding:2px 0; margin:0;color: #fff;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background-color: rgba(208, 6, 0, 0.4);}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
 /*--------------------end-----------------------------*/      













